.zhpg-name {
    position: absolute;
    top: 30px;
    left: 400px;
    width: 700px;
    height: auto;
    font-size: 24px;
    text-align: center;
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 10%,
            rgba(0, 255, 255, .3) 20%,
            rgba(0, 255, 255, .4) 30%,
            rgba(0, 255, 255, .5) 40%,
            rgba(0, 255, 255, .6) 50%,
            rgba(0, 255, 255, .5) 60%,
            rgba(0, 255, 255, .4) 70%,
            rgba(0, 255, 255, .3) 80%,
            rgba(0, 0, 0, 0) 90%,
            rgba(0, 0, 0, 0) 100%,
        );
}